<!DOCTYPE html>
<html>
<head>
<title>WebSocket 例子: 重复</title>
<style type="text/css">
#connect-container {
	float: left;
	width: 400px
}

#connect-container div {
	padding: 5px;
}

#console-container {
	float: left;
	margin-left: 15px;
	width: 400px;
}

#console {
	border: 1px solid #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	height: 170px;
	overflow-y: scroll;
	padding: 5px;
	width: 100%;
}

#console p {
	padding: 0;
	margin: 0;
}
</style>
<script th:src="@{/resources/sockjs/sockjs-0.3.4.min.js}"
	type="text/javascript"></script>
<script type="text/javascript" th:src="@{/modulejs/sock/echo.js}"></script>
</head>
<body>
	<noscript>
		<h2 style="color: #ff0000">校验你的浏览器是否支持sockjs</h2>
	</noscript>
	<div>
		<div id="connect-container">
			<div>
				<input id="target" type="text" size="40" style="width: 350px"
					value="/echo" />
			</div>
			<div>
				<button id="connect" onclick="connect();">点击链接</button>
				<button id="disconnect" disabled="disabled" onclick="disconnect();">点击断开</button>
			</div>
			<div>
				<textarea id="message" style="width: 350px">测试信息!!!</textarea>
			</div>
			<div>
				<button id="echo" onclick="echo();" disabled="disabled">重复信息</button>
			</div>
		</div>
		<div id="console-container">
			<div id="console"></div>
		</div>
	</div>
</body>
</html>
